<div class="container-fluid">
  <div class="row-fluid ">
    <div class="span12">
      <div class="primary-head">
        <h3 class="page-header">Filtro Relatório</h3>
        <!--<ul class="top-right-toolbar">
          <li><a href="?p=admContacCenter&opcao=list_ani&op_menu=ani" class="bondi-blue" title="Aniversáriantes"><i class="icon-gift"></i></a></li>
          <li><a href="?p=admContacCenter&orgao=I&op_menu=lis" class="orange" title="Por Orgão"><i class="icon-circle-blank"></i></a></li>
          <li><a href="?p=admContacCenter&opcao=followup&op_menu=followup" class="blue" title="Follow_UP"><i class="icon-share"></i></a></li>
          <li><a href="?p=admListaPorOrgao&alt_estado=1" class="bondi-blue" title="Estados"><i class="icon-flag"></i></a></li>
        </ul>--> 
      </div>
    </div>
  </div>
  <div class="row-fluid">
    <div class="span12">
      <div class="content-widgets light-gray">
        <div class="widget-head orange">&nbsp;</div>
        <div class="widget-container">
          <div class="error-container" id="div_erro">
            <h4>Campos obrigatórios não preenchidos.</h4>
            <ol>
              <li id="dtini">
                <label for="lidtini" class="error">Preecha a data inicial</label>
              </li>
              <li id="liorigem">
                <label for="origem" class="error">Escolha uma origem</label>
              </li>
              <li id="liusuarios">
                <label for="usuarios" class="error">Escolha um usuário</label>
              </li>
            </ol>
          </div>
          <form action="?p=admRelatorios&opcao=<?=$_GET['opcao']?>&op_menu=<?=$_GET['op_menu']?>" method="post" novalidate id="form">
            <div class="row-fluid force-margin">
              <div class="control-group span2">
                <label>Data Inicial</label>
                <div id="inicio" class="input-append controls">
                  <input name="dt_inicial" type="text" class="span12 add-on" id="dtinicio" placeholder="Data Inicial" style="background-color:#fff;" onFocus="dtp('inicio')" value="01<?= date('/m/Y') ?>" data-format="dd/MM/yyyy">
                </div>
              </div>
              <div class="control-group span2">
                <label>Data Final</label>
                <div id="final" class="input-append controls">
                  <input name="dt_final" type="text" class="span12 add-on" id="dtfinal" placeholder="Data Final" style="background-color:#fff;" onFocus="dtp('final')" value="<?= date('t/m/Y') ?>" data-format="dd/MM/yyyy">
                </div>
              </div>
              <div class="control-group span2">
                <label class="control-label">Status</label>
                <div class="controls">
                  <select name="status" class="span12" id="origem">
                    <option value="">Todos</option>
                    <option value="Acompanhamento">Acompanhamento</option>
                    <option value="Cancelado">Cancelado</option>
                    <option value="Pago">Pago</option>
                  </select>
                </div>
              </div>
              <div class="control-group span2">
                <label class="control-label">Origem</label>
                <div class="controls">
                  <select name="origem" class="span12" id="origem">
                    <option value="">Todos</option>
                    <option value="corretores">Corretores</option>
                  </select>
                </div>
              </div>
              <div class="control-group span2">
                <label class="control-label">Usuário</label>
                <div class="controls">
                  <select name="usuario" id="usuario" class="span12">
                    <option value="">Todos</option>
                    <?= $dados['option_usuarios'] ?>
                  </select>
                </div>
              </div>
              <div class="control-group span2">
                <label class="control-label">Sexo</label>
                <div class="controls">
                  <select name="sexo" id="sexo" class="span12">
                    <option value="">Todos</option>
                    <option value="M">Masculino</option>
                    <option value="F">Feminino</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row-fluid force-margin">
              <div class="control-group span1">
                <label class="control-label">Sintético</label>
                <div class="controls">
                  <input type="radio" checked name="sin_ana" value="s">
                </div>
              </div>
              <div class="control-group span1">
                <label class="control-label">Analítico</label>
                <div class="controls">
                  <input type="radio" name="sin_ana" value="a">
                </div>
              </div>
              <div class="control-group span2">
                <label class="control-label">Produto</label>
                <div class="controls">
                  <select name="produto" id="produto" class="span12">
                    <option value="">Todos</option>
                    <option value="NOVO">Contrato Novo</option>
                    <option value="REFIN">Refinanciamento</option>
                  </select>
                </div>
              </div>
              <div class="control-group span2">
                <label class="control-label">Orgão</label>
                <div class="controls">
                  <select name="orgao" id="orgao" class="span12">
                    <option value="">Todos</option>
                    <option value="I">INSS</option>
                    <option value="E">ESTADO</option>
                    <option value="E">PREFEITURA NATAL</option>
                    <option value="E">PREFEITURA MACAÍBA</option>
                    <option value="E">MILITAR</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="control-group span12" style="margin-left:0;">
              <label>&nbsp;</label>
              <div class="controls">
                <button type="submit" class="btn btn-primary">GERAR RELATÓRIO</button>
              </div>
            </div>
            <div style="clear:both"></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
$("#div_erro").hide();
$("#dtini").hide();
$("#liorigem").hide();
$("#liusuarios").hide();

$("#form").submit(function(){
	erro = 0;
	
	/*if($("#dtinicio").val() == '' && $("#origem").val() == '' && $("#usuario").val() == ''){
		$("#div_erro").fadeIn("slow", function(){
			$("#dtini, #liorigem, #liusuarios").fadeIn();
			$("#dtinicio, #origem, #usuario").css("border", "1px solid #bd2e2e");
			$("#dtinicio, #origem, #usuario").css("box-shadow", "3px 3px 5px #bd2e2e");
		});
		
		erro = 1;
	}*/
	if($("#dtinicio").val() == ''){
		$("#div_erro").fadeIn("slow", function(){
			$("#dtini").fadeIn();
			$("#dtinicio").css("border", "1px solid #bd2e2e");
			$("#dtinicio").css("box-shadow", "3px 3px 5px #bd2e2e");
		});
		
		erro = 1;
	}
	else{
		$("#dtini").fadeOut();
		$("#dtinicio").css("border", "1px solid #ccc");
		$("#dtinicio").css("box-shadow", "0px 0px 0px");
	}
	
	// se não for selecionado a origem
	/*if($("#origem").val() == ''){
		$("#div_erro").fadeIn("slow", function(){
			$("#liorigem").fadeIn();
			$("#origem").css("border", "1px solid #bd2e2e");
			$("#origem").css("box-shadow", "3px 3px 5px #bd2e2e");
		});
		
		erro = 1;
	}
	else{
		$("#liorigem").fadeOut();
		$("#origem").css("border", "1px solid #ccc");
		$("#origem").css("box-shadow", "0px 0px 0px");
	}*/
	
	// se não for selecionado o usuario
	/*if($("#usuario").val() == ''){
		$("#div_erro").fadeIn("slow", function(){
			$("#liusuarios").fadeIn();
			$("#usuario").css("border", "1px solid #bd2e2e");
			$("#usuario").css("box-shadow", "3px 3px 5px #bd2e2e");
		});
		
		erro = 1;
	}
	else{
		$("#liusuarios").fadeOut();
		$("#usuario").css("border", "1px solid #ccc");
		$("#usuario").css("box-shadow", "0px 0px 0px");
	}*/
	
	// se conter erro retorna falso
	if(erro == 1){
		return false;
	}
	
});
</script>